
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_插入图片</title>
</head>
<body>
<!-- 右键选中.html文件 “open in” “Exploer” 打开html文件所在的位置-->
<!-- 相对路径：
图片路径是从当前要插入图片的html出发去找资源
  1) 图片与html在同一级目录: 直接写图片全名！
  2) 图片在html文件的下一级目录，先写目录名，再写下级目录中的图片全名！
  3) 图片在html文件的上一级目录，先../回到上一级，在写上级目录中的图片全名！ -->
<!--1.相对路径-->
<!-- 插入当前目录下的jpg图片 -->
<img src="102801.jpg" alt=""width="200">
<!-- 插入img文件夹中的jpg图片 -->
<img src="img/102802.jpg" alt=""width="200">
<!-- 插入上级目录中的png图片 -->
<img src="../102802.png" alt="" width="200">
<hr>
<!--绝对路径：从根（协议/盘符）开始出发去找资源-->
<img src="https://img0.baidu.com/it/u=3209348507,2503245606&fm=253&app=138&f=JPEG?w=1003&h=800" alt="" width="200">
<hr>
<!--alt 用来设置图片无法正常显示是替换文字-->
<img src="abc" alt="哎呀，这张图被诗诗偷走了">
<hr>
<img src="img/04.jpg" width="200">
</body>
</html>

